<template>
  <div>
    <button @click='updataProps'>修改props</button>
    <br/>
    {{count}}
    <br>
    {{person}}
  </div>
</template>

<script>
export default {
    name:'Update',
    props:['person','count'],
    methods:{
        updataProps(){
            // vue不建议直接修改props，eslint会报错，vue会警告
            this.count++

            // 如果props是一个对象，修改这个对象内的值不会报错，但是不推荐
            this.person.name='zhangsan'
        }
    }
}
</script>

<style>

</style>